<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Title</title>
    <link rel="stylesheet" href="/res/plugin/materialize/css/materialize.min.css">
    <link rel="stylesheet" href="/res/css/manage/index.css">
    <style>
        header, main, footer {
            padding-left: 300px;
        }

        @media only screen and (max-width : 992px) {
            header, main, footer {
                padding-left: 0;
            }
        }
    </style>
</head>
<body>
<!-- Navbar goes here -->

<!-- Page Layout here -->
<div class="row">

    <ul id="slide-out" class="side-nav">
        <li><a href="#!">第一导航链接</a></li>
        <li><a href="#!">第二导航链接</a></li>
        <li class="no-padding">
            <ul class="collapsible collapsible-accordion">
                <li>
                    <a class="collapsible-header">下拉按钮<i class="material-icons">arrow_drop_down</i></a>
                    <div class="collapsible-body">
                        <ul>
                            <li><a href="#!">一</a></li>
                            <li><a href="#!">二</a></li>
                            <li><a href="#!">三</a></li>
                            <li><a href="#!">四</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </li>
    </ul>
   <!-- <ul class="right hide-on-med-and-down">
        <li><a href="#!">第一导航链接</a></li>
        <li><a href="#!">第二导航链接</a></li>
        <li><a class="dropdown-button" href="#!" data-activates="dropdown1">下拉按钮<i class="material-icons right">arrow_drop_down</i></a></li>
        <ul id='dropdown1' class='dropdown-content'>
            <li><a href="#!">一</a></li>
            <li><a href="#!">二</a></li>
            <li><a href="#!">三</a></li>
            <li><a href="#!">四</a></li>
        </ul>
    </ul>-->
    <a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>


</div>
<script src="/res/plugin/jquery/jquery-3.2.1.min.js"></script>
<script src="/res/plugin/materialize/js/materialize.min.js"></script>
<script>
  $('.button-collapse').sideNav();

</script>
</body>
</html>